.swipe {
  overflow: hidden;
  visibility: hidden;
  min-height: 90px;
  /* left/right margins are required */
  margin-left: -1px; 
  margin-right: -1px;
 
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float:left;
  position: relative;
}

img.scale {
  width: 100%;
}

div.img-swap {
  /** Default Image Size @see config.py **/
  display:block;
  position: relative;
}

div.swipe-nav-div > nav {
    display:inline-block;
}


nav.left {
    float: left;
    margin-left: 20px;
}

nav.right {
    float: right;
    margin-right: 20px;
}

div.swipe-nav-div {
    background: rgba(255, 255, 255, 0.4);
    min-height: 25px;
    margin-top: -25px;

    margin-left: auto;
    margin-right: auto;

    position: relative;
}

nav.swipe-nav > ul {
    display:inline-block; 
    list-style:none; 
    color: rgba(0, 0, 0, .9);
    font-size: .9em;
    font-weight: 800;
    margin:0; 
    padding:0;
}

nav.swipe-nav li {
    display:inline-block;
    font-size:12px;
}

nav.swipe-nav li.hidden {
    display:none
}

nav.swipe-nav li span.on {
    box-shadow: inset 0 1px 3px -1px #28B4EA,0 1px 2px rgba(0, 0, 0, .5);
    background-color: #1293DC;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293DC),color-stop(100%,#0F6297));
    background-image: -webkit-linear-gradient(top,#1293DC,#0F6297);
    background-image: -moz-linear-gradient(top,#1293DC,#0F6297);
    background-image: -ms-linear-gradient(top,#1293DC,#0F6297);
    background-image: -o-linear-gradient(top,#1293DC,#0F6297);
    background-image: linear-gradient(top,#1293DC,#0F6297);
}

nav.swipe-nav li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #141414;
    box-shadow: inset 0 1px 3px black,0 0 1px 1px #202020;
    margin: 0 2px;
    cursor: pointer;
}
